[目前文章只有程式已經定稿,前半的邏輯與介面介紹都還會浮動,後續都可能會回到前面再做細節補充]
今天還是來划水的,沒有圖文介紹,今天目標是服飾網頁製作構思,
就是在製作網站前,先大概訂好製作的順序、功能、邏輯。
要製作服飾網站,包含管理權限、客戶端使用、商品頁面、購物車、訂單處理;
以下開始做網頁的邏輯介紹:
1.因網站含管理與客戶端的權限,所以要先區分Admin&Customer
2.Admin&Customer要再登入時判斷角色,所以需要製作登入頁面。
3.製作客戶端前,先要有資料,所以Admin區塊要先設定好。
4.服飾業是統稱,需要分類,所以要製作類別(上衣、下半身、洋裝)。
5.分類過後,依各類設置產品。
5-1產品會有:名稱、尺寸、價格、描述以及類別
5-2因為產品會需要顯示給客戶看,所以還要增加"圖片"
6.製作Customer區塊
7.有了產品資訊後,就可以將產品顯示在首頁供Customer查看。
8.目前Admin&Customer基礎設定完畢,要開始加上權限控管。
9.設定註冊頁面,設定註冊時需要獲取的資訊並且定義角色。
9-1.Admin最高權限管理者、Manager商店主管、Employe員工、Customer顧客。
10.Admin區塊建立分店,辨別主管與員工
11.註冊時可以選擇分店
Customer區塊
12.當客戶瀏覽產品資訊時,可以進入詳細頁面
12-1.詳細頁面,可供客戶選擇尺寸與顏色,選擇完畢後可以將資料放入購物車
13.建立購物車
13-1.設定寫入購物車功能,當查詢到的品項(顏色與尺寸)與購買人全部相同時,只對數量+1
13-2.建立購物車頁面。
13-3.購物車頁面已經不是在首頁上,所以Customer區塊內要再新增Cart的小區塊。
13-4.設置結算按鈕(顯示客戶資訊、訂單資訊)
Admin區塊
14.購物車結算後進入訂單系統,訂單屬於管理頁面。
14-1.訂單頁面分兩塊
14-1-1.訂單主表(編號、客戶基本資料、訂單狀態、總金額)
14-1-2.訂單明細(客戶詳細資料、訂單詳細內容)
14-2.訂單明細設定(員工、管理者)可接受訂單、取消訂單
14-2-1訂單流程(送出訂單、接收訂單、打包完成、可取貨、已完成、取消訂單)
15.設定管理者與員工可以看到所有訂單,其餘人只能看到自己的訂單。
結尾:此專案不做付款的設定,如果想看詳細的,可以到第一天找到參考影片。
BTW書本沒有相關教學。
如果要問我推薦看影片還是買書好,我建議是買書,
雖然影片比較詳細,但是我是買書後才發現有影片的,所以各位還是買書比較好!